<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      //shift()方法从数组中删除第一个元素，并返回该元素的值，此方法更改数组的长度
      const array = [1, 2, 3]
      const firstElement = array.shift()
      console.log(array.length)
      console.log(firstElement)
      //返回值：从数组中删除的元素，如果数组为空则返回underfined

      //shift()方法移除索引为0的元素，并返回被移除的元素，其他元素的索引随之减1，如果length属性的值为0，则返回undefined

      //移除数组中的一个元素
      let myFish = ['angel', 'clown', 'mandarin', 'surgeon']
      console.log('调用shift之前：' + myFish)

      let shifted = myFish.shift()
      console.log('调用shift之后：' + shifted)

      console.log('被删除的元素：' + shifted)
    </script>
  </body>
</html>
